<template>
	<view class="main">
		  <u-cell-group>
		  		<u-cell-item  title="封面"></u-cell-item>
				<u-cell-item  title="节目名称">
					<u-input v-model="value" slot="right-icon"  placeholder="请输入你的节目名称" />
				</u-cell-item>
		  		<u-cell-item  title="专辑">
		  			<u-input v-model="value" slot="right-icon"  placeholder="请选择你的专辑" readonly />
		  		</u-cell-item>
				<u-cell-item  title="标签">
					<u-input v-model="value" slot="right-icon"  placeholder="请添加你的标签" readonly />
				</u-cell-item>
				<u-cell-item  title="专辑公开"  :arrow="false">
						<u-switch slot="right-icon" v-model="public"></u-switch>
				</u-cell-item>
		  	</u-cell-group>
			 	
			<u-cell-group>
				<u-cell-item  title="节目简介" :arrow="false"></u-cell-item>
			</u-cell-group>
			
			<u-row gutter="16">
						<u-col span="10">
							<u-input v-model="value" placeholder="介绍你的节目" />
						</u-col>
						<u-col span="2">
							<u-icon name="plus"></u-icon>
					</u-col>
			</u-row>
			
			<view class="btn center" v-if="type==1"> 创建专辑 </view>
			
			<view class="" v-else>
				<view class="btn center"> 发布节目 </view>
				<view class="btn ccbtn center"> 保存草稿 </view>
			</view>
  
			 
	</view> 
</template>
 <script>
   import {  api } from '@/app/api.js'    
   import {mapState,mapMutations} from 'vuex';
   export default {
	        onLoad() {
	        	 uni.setNavigationBarTitle({title:this.type ==1 ? "创建专辑":"发布节目"})
	        }, 
			components:{
			 
			},
			computed: { ...mapState(['curCity']),},
            data() {
                return {  
				   type:1,
				   show:true, 
				   value: "",public: false,
                }
            },
			watch:{
				cur(val, oldVal){ 
					
				}, 
			}, 
			mounted() {   },
			methods:{ 
				 test(){
					 uni.navigateTo({ url:'/app/view/card/card' })
					 uni.navigateTo({ url:'/app/view/readbook/readbook' })
					 uni.navigateTo({ url:'/app/view/read/read' })
					 uni.navigateTo({ url:'/app/view/tags/tags' })
					 uni.navigateTo({ url:'/app/view/postForm/postForm' })
				 }
			}
     }
 </script>
<style lang="less"> 
.flex{display: flex; flex: 1;}
.center{display: flex; justify-content: center; align-items: center;}
  .btn{
  	   background: #333333;
  	   height: 30px;
  	   margin: 10px;
  	   border-radius: 30px;
  	   height: 67px;
  	   background: linear-gradient(0deg, #F26122, #FE5D25);
  	   border-radius: 57px;
  	   color: #FFFFFF;
  }
  .ccbtn{
	   background: #F5F5F5;
	   color: #A3A2A0;
  }
</style>